<template>
    <!-- 这是首页 {{ count }} -->
    <!-- <button @click="add">Add</button> -->

    <el-button disabled>Default</el-button>
    <el-button type="primary" disabled>Primary</el-button>
    <el-button type="success" disabled>Success</el-button>
    <el-button type="info" disabled>Info</el-button>
    <el-button type="warning" disabled>Warning</el-button>
    <el-button type="danger" disabled>Danger</el-button>

    <!-- 滑动 -->
    <!-- <el-slider v-model="value1" /> -->

    <el-icon>
        <Male />
    </el-icon>

    <!-- <button @click="callApi">加载</button>
    <button @click="callErrorApi">error</button>
    <button @click="callBankApi">bank</button> -->
</template>

<!-- setup 语法塘 -->
<script lang="ts" setup>
// 钩子函数
import { onMounted } from "vue"
// import axios from 'axios';

// 使用多个
// import {myhttp,height} from '@/http/index'

// import http2,{height1,height2} from '@/http/index'

// 使用一个 其中http这个名字可以是任意的，因为是默认导出的名字，可以自己命名
// import http2 from '@/http/index';
import http from '@/http/index';

// 加载组件
// import { ElLoading } from 'element-plus'

// const openFullScreen2 = () => {
//   const loading = ElLoading.service({
//     lock: true,
//     text: 'Loading',
//     background: 'rgba(0, 0, 0, 0.7)',
//   })
//   setTimeout(() => {
//     loading.close()
//   }, 6000)
// //   6秒之后关闭
// }

const callBankApi = ()=>{
http.get('/api/bank').then((res) =>{
    console.log(res);
})
}

const callErrorApi = ()=>{
http.get('/api/user/error').then((res) =>{
    console.log(res);
})
// 只关注成功状态的业务处理
// .catch(function (error){
//     console.log(error);
// });

}

const callApi = ()=>{

    // openFullScreen2()

    http.get('/api/user').then((res) =>{
        console.log(res);
    }).catch(function (error){
        console.log(error);
    });

}

// import { onMounted ,onBeforeMount,onUpdated,onUnmounted,ref} from "vue"
// const value1 = ref(0)

// const count = ref(1)
// const add = ()=>{
//     count.value = count.value + 1
// }

// 钩子函数里面写的都是表达式，因为它是一个方法 

// 挂载之前会触发
// onBeforeMount(()=>{
//     console.log("onBeforeMount")
// })

// 挂载的时候会触发
onMounted(() => {
    // console.log("onMounted")

    // 使用一个
    // http.get('/api/user').then((res) =>{
    //     console.log(res);
    // }).catch(function (error){
    //     console.log(error);
    // });

    // 使用多个
    // myhttp.get("",{}).then()
    // console.log(`output->height`,height)
    
    // 向给定ID的用户发起请求
    // axios.get('https://zj.v.api.aa1.cn/api/xz/?code=654028207203')
    //     .then(function (response) {
    //         // 处理成功情况
    //         console.log(response.data);
    //     })
    //     .catch(function (error) {
    //         // 处理错误情况
    //         console.log(error);
    //     });
})

// 数据改变的时候会触发
// onUpdated(()=>{
//     console.log("onUpdated");
// })

// 卸载的时候触发
// onUnmounted(()=>{
//     console.log("onUnmounted");
// })
</script>